<template>
	<uni-popup ref="popup" type="center">
		<view class="popup-box">
			<view class="popup-title">{{info.title}}</view>
			<view class="popup-details">
				<block v-for="idx in 10" :key="idx">
					<view class="detail-item">
						<image class="detail-icon" src="/static/img.png" mode="aspectFit"></image>
						<text class="detail-title">功能{{idx+1}}</text>
					</view>
				</block>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		name:"index-popup",
		props: {
			info: {
				type: Object,
				default: () => {}
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			show() {
				this.$refs.popup.open()
			}
		}
	}
</script>

<style lang="scss">
	.popup-box {
		width: 90vw;
		background-color: #FFFFFF;
		border-radius: 10rpx;
		overflow: hidden;
		
		.popup-title {
			background-color: #272A3B;
			color: #88BF00;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			font-size: 28rpx;
		}
		
		.popup-details {
			display: flex;
			flex-wrap: wrap;
			padding-bottom: 20rpx;
			
			.detail-item {
				width: 25%;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 10rpx 0;
				
				.detail-icon {
					width: 150rpx;
					height: 150rpx;
				}
				
				.detail-title {
					color: #979797;
				}
			}
		}
	}
</style>
